<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>阿里云</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="../电商网站样式清除.css">
<link href="阿里云.css" rel="stylesheet">


</head>
<body>
         <!-- 顶部导航栏 -->
  <div id="bgt">


       <!-- banner图 -->
 <div class="video">
        <ul class="video_menu">
            <li class="video_menu_list1">
                <img src="img/100.jpg" alt="">
                <img src="img/200.png" alt="" class="breathe">
            </li>
            <li class="video_menu_list2">
                <img src="img/101.jpg" alt="">
                 <img src="img/201.png" alt="" class="breathe">
            </li>
            <li class="video_menu_list3">
                <img src="img/102.jpg" alt="">
                       <img src="img/202.png" alt="" class="breathe">
            </li>
            <li class="video_menu_list4" style="opacity:0">
                <img src="img/103.jpg" alt="">
                 <img src="img/203.png" alt="" class="breathe">
            </li>
        </ul>
    
    <ul class="advance">
        <li index="0">
            <div class="advance_son"></div>
        </li>
        <li index="1">
            <div class="advance_son"></div>
        </li>
        <li index="2">
            <div class="advance_son"></div>
        </li>
        <li index="3">
            <div class="advance_son"></div>
        </li>
    </ul>
    </div>


    <script>
   
 
    </script>


    <div id="topnav">
         <div class="leftmenu">
             <div class="sonmenu">

             <!-- 侧边栏 -->
                 <div class="sonmenu1">
                     <ul>
                         <li class="item1">阿里云计算</li>
                         <li class="item2">产品</li>
                         <li class="item3">解决方案</li>
                         <li class="item4">云市场</li>
                         <li class="item5">开发者</li>
                         <li class="item6">文档</li>
                         <li class="item7">支持与服务</li>
                         <li class="item8">云栖社区</li>
                         <li class="item9">阿里云大学</li>
                         <li class="item10">合作与生态</li>
                         <li class="item11">政府通道</li>
                         <li class="item12">创业孵化</li>
                        <li class="item13">联系我们</li>
                         <li class="item14">售前咨询 95187转1</li>
                     </ul>
                 </div>
             </div>
         </div>
       
        <img src="img/04.png" alt="" class="logo">
        <img src="img/02.gif" alt="" class="gif">
      
        <div class="logo1">

         <ul>
            <li  id="login" class="l1"> 登录</li>
            <li class="l2">邮箱</li>
            <li class="l3">备案</li>
            <li class="l4">文档</li>
            <li class="l5">控制台</li>
            <li class="l6"> <i></i>购物车</li>
            <li class="l8">
                中国站
               <ul>
                   <li class="ll1">中国站</li>
                   <li class="ll2">Intemational-English</li>
                   <li class="ll3">Intemational-简体中文</li>
                   <li class="ll4">Intemational-한국어</li>
                   <li class="ll5">Intemational-繁体中文</li>
                   <li class="ll6">日本サイト</li>
               </ul>
            </li>
            <li class="l7"><input type="text" placeholder="短信服务">
            <img src="img/07.png" alt="" class="ser">
            </li>
         </ul>
    </div>    
</div>  

      <!-- 子菜单 -->
 <div id="subnav">
        <ul>
            <li class="ll1">最新活动</li>
            <li class="ll2">产品</li>
            <li class="ll3">解决方案</li>
            <li class="ll4">定价</li>
            <li class="ll5">ET大脑</li>
            <li class="ll6">数据智能</li>
            <li class="ll7">安全</li>
            <li class="ll8">云市场
            <div>
                <ul class="u1">
                    <li class="lll1">基础软件市场</li>
                    <li class="lll2">预装操作系统</li>
                    <li class="lll3">预装开发语言环境</li>
                    <li class="lll4">预装建站系统</li>
                    <li class="lll5">数据库镜像软件</li>
                    <li class="lll6">运维工具</li>
                    <li class="lll7">应用开发工具</li>
                </ul>
                <ul class="u2">
                    <li class="lll1">网站建设</li>
                    <li class="lll2">企业官网定制</li>
                    <li class="lll3">电商网站定制</li>
                    <li class="lll4">精美网站模板</li>
                    <li class="lll5">推广与营销</li>
                    <li class="lll6">手机网站定制</li>
                    <li class="lll7">APP定制开发</li>
                </ul>
                 <ul class="u3">
                    <li class="lll1">基础软件市场</li>
                    <li class="lll2">预装操作系统</li>
                    <li class="lll3">预装开发语言环境</li>
                    <li class="lll4">预装建站系统</li>
                    <li class="lll5">数据库镜像软件</li>
                    <li class="lll6">运维工具</li>
                    <li class="lll7">应用开发工具</li>
                </ul>
                <ul class="u4">
                    <li class="lll1">网站建设</li>
                    <li class="lll2">企业官网定制</li>
                    <li class="lll3">电商网站定制</li>
                    <li class="lll4">精美网站模板</li>
                    <li class="lll5">推广与营销</li>
                    <li class="lll6">手机网站定制</li>
                    <li class="lll7">APP定制开发</li>
                </ul>
                 <ul class="u5">
                    <li class="lll1">基础软件市场</li>
                    <li class="lll2">预装操作系统</li>
                    <li class="lll3">预装开发语言环境</li>
                    <li class="lll4">预装建站系统</li>
                    <li class="lll5">数据库镜像软件</li>
                    <li class="lll6">运维工具</li>
                    <li class="lll7">应用开发工具</li>
                </ul>
                <ul class="u6">
                    <li class="lll1">网站建设</li>
                    <li class="lll2">企业官网定制</li>
                    <li class="lll3">电商网站定制</li>
                    <li class="lll4">精美网站模板</li>
                    <li class="lll5">推广与营销</li>
                    <li class="lll6">手机网站定制</li>
                    <li class="lll7">APP定制开发</li>
                </ul>

               
            </div>
            </li>
            <li class="ll9">支持与服务</li>
            <li class="ll10">合作伙伴</li>
            <li class="ll11">免费注册</li>
        </ul>
    </div>
       <!-- 广告 词-->
    <div id="title">
        <p class="p1">人工智能产品重磅发布</p>
        <p class="p2">智能语音、机器翻译、以图搜图，全新体验，等你解锁</p>
        <a  href="../云栖大会/云栖大会.html"class="p3" target="blank">云栖大会→</a>
    </div>
    <div class="bottom">
<ul class="container">
    <li class="bo1">
         <a href="">
        <p class="pp1">免费套餐</p>
        <p class="pp2">提供40余款高性能产品，帮助您获得上云实践经验</p>
      </a>
    </li>
    <li class="bo2">
        <a href="">
        <p class="pp1">免费套餐</p>
        <p class="pp2">提供40余款高性能产品，帮助您获得上云实践经验</p>
      </a>  
    </li>
    <li class="bo3">
         <a href="">
        <p class="pp1">免费套餐</p>
        <p class="pp2">提供40余款高性能产品，帮助您获得上云实践经验</p>
      </a>
    </li>
    <li class="bo4">
         <a href="">
        <p class="pp1">免费套餐</p>
        <p class="pp2">提供40余款高性能产品，帮助您获得上云实践经验</p>
      </a>
    </li>
    <li class="bo5">
         <a href="">
        <p class="pp1">免费套餐</p>
        <p class="pp2">提供40余款高性能产品，帮助您获得上云实践经验</p>
      </a>
    </li>
</ul>
</div>
</div> 

    <!-- loading图 登录框 -->
<div id="loading"></div>

<div id="father">
    <div class="son1"></div>
    <div class="son2">
        <form action="">
            <label for="">账号：<input type="text" id="uname"></label><br>
            <label for="">密码：<input type="text" id="umm"></label><br>
            <input type="button" id="submit" value="登录">
            <input type="button" id="reset" value="取消">
        </form>
    </div>
</div>


             <!-- 奥运五环  -->


       <div id="coldmn">
        <div class="container none">
            <img src="img/06.png" alt="">
            <h1>全球领先、安全、稳定的云计算产品</h1>
            <a href="">计算、存储、网络、安全、大数据、人工智能，普惠科技助您飞跃发展</a>
            <ul>
                <li class="t1">
                    <img src="img/46.png" alt="" >
                 <img src="img/12.png" alt="" class="hidden">
                    <p>弹性计算</p>
                </li>
                <li class="t2">
                    <img src="img/50.png" alt="">
                    <img src="img/45.png" alt="" class="hidden">
                    <p>弹性计算</p>
                </li>
                <li class="t3">
                    <img src="img/47.png" alt="">
                    <img src="img/49.png" alt="" class="hidden">
                    <p>弹性计算</p>
                </li>
                <li class="t4">
                    <img src="img/48.png" alt="">
                    <img src="img/51.png" alt="" class="hidden">
                    <p>弹性计算</p>
                </li>
                <li class="t5">
                    <img src="img/46.png" alt="">
                    <img src="img/12.png" alt="" class="hidden">
                    <p>弹性计算</p>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>


      <!-- 云服务器 -->

    <div id="coldmn1">
        <div class="container block">
            <ul class="co1">
                <li class="con1">云服务器 ECS</li>
                <li class="con2">全面覆盖多场景需求的高性能云服务器</li>
                <li class="con3">立即购买</li>  
                <li class="con4">轻量应用服务器</li>
                <li class="con5">快速搭建和易于管理的轻量级云服务器</li>
                <li class="con6">立即购买</li>
            </ul>
            <ul class="co2">
                <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器
                    <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器 <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
             <ul class="co3">
                 <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器 
                   <img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 
                    </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
        </div>

              <div class="container none">
            <ul class="co1">
                <li class="con1">云服务器 ECS</li>
                <li class="con2">全面覆盖多场景需求的高性能云服务器</li>
                <li class="con3">立即购买</li>  
                <li class="con4">轻量应用服务器</li>
                <li class="con5">快速搭建和易于管理的轻量级云服务器</li>
                <li class="con6">立即购买</li>
            </ul>
          

            <ul class="co3">
                 <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器 
                   <img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 
                    </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
        </div>
        <div class="container none">
            <ul class="co2">
                <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器
                    <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器 <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
            
            <ul class="co3">
                 <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器 
                   <img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 
                    </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
            <ul class="co1">
                <li class="con1">云服务器 ECS</li>
                <li class="con2">全面覆盖多场景需求的高性能云服务器</li>
                <li class="con3">立即购买</li>  
                <li class="con4">轻量应用服务器</li>
                <li class="con5">快速搭建和易于管理的轻量级云服务器</li>
                <li class="con6">立即购买</li>
            </ul>
        </div>
         <div class="container none">
            <ul class="co1">
                <li class="con1">云服务器 ECS</li>
                <li class="con2">全面覆盖多场景需求的高性能云服务器</li>
                <li class="con3">立即购买</li>  
                <li class="con4">轻量应用服务器</li>
                <li class="con5">快速搭建和易于管理的轻量级云服务器</li>
                <li class="con6">立即购买</li>
            </ul>
            <ul class="co2">
                <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器
                    <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器 <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
            <ul class="co3">
                 <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器 
                   <img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 
                    </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
        </div>
        <div class="container none">
            <ul class="co1">
                <li class="con1">云服务器 ECS</li>
                <li class="con2">全面覆盖多场景需求的高性能云服务器</li>
                <li class="con3">立即购买</li>  
                <li class="con4">轻量应用服务器</li>
                <li class="con5">快速搭建和易于管理的轻量级云服务器</li>
                <li class="con6">立即购买</li>
            </ul>
            <ul class="co2">
                <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器
                    <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器 <img src="img/13.png" alt=""></p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
            <ul class="co3">
                 <li class="cont1">
                    <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont2">
                   <p class="ppp1">弹性裸金属服务器<img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont3">
                   <p class="ppp1">弹性裸金属服务器 
                   <img src="img/13.png" alt=""> </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont4">
                    <p class="ppp1">弹性裸金属服务器 
                    </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
                <li class="cont5">
                    <p class="ppp1">弹性裸金属服务器 </p>
                    <p class="ppp2">具备极限计算、物理隔离、弹性的服务器</p>
                </li>
            </ul>
        </div>

    </div>



             <!-- 大数据分析及展现 -->
<div id="coldmn3">
  <div class="container">
    <ul>
      <li class="tt1">
        <img src="img/15.png" alt="">
        <p>大数据分析及展现</p>
      </li>
      <li class="tt2">
        <img src="img/15.png" alt="">
        <p>大数据分析及展现</p>
      </li>
      <li class="tt3">
       <img src="img/15.png" alt="">
        <p>大数据分析及展现</p>
      </li>
      <li class="tt4">
       <img src="img/15.png" alt="">
        <p>大数据分析及展现</p>
      </li>
      <li class="tt5">
        <img src="img/15.png" alt="">
        <p>大数据分析及展现</p>
      </li>
      <li class="tt6">
        <img src="img/14.png" alt="">
        <p>视频服务</p>
      </li>
      <li class="tt7">
        <img src="img/15.png" alt="">
        <p>应用服务</p>
      </li>
      <li class="tt8">
        <img src="img/14.png" alt="">
        <p>云通讯</p>
      </li>
      <li class="tt9">
        <img src="img/15.png" alt="">
        <p>视频服务</p>
      </li>
      <li class="tt10">
        <img src="img/14.png" alt="">
        <p>应用服务</p>
      </li>
    </ul>
    <div class="clearfix"></div>
    <div class="all">查看全部</div>
  </div>


      <!-- 横图部分 -->
</div>


              <!-- 电商解决方案 -->
    <div id="coldmn4">
      <ul class="tp">
        <li class="tp1">
         <div class="shadow"></div>
          <div class="picuter">    
            <img src="img/26.png" alt="">
              <p class="line">一</p>
            <p class="ds">电商解决方案</p>
              <div class="skyblue">
                  <p class="combine">结合大数据能力帮助电商企业快速搭建平台、应对业务高并发、剖析秒杀、视频直播等场景。</p>
                  <p class="details">查看详情</p>
            </div>  
          </div>
  <div class="blue">
            </div>
        </li>
        <li class="tp2">
             <div class="shadow"></div>
          <div class="picuter">    
            <img src="img/26.png" alt="">
              <p class="line">一</p>
            <p class="ds">电商解决方案</p>
              <div class="skyblue">
                  <p class="combine">结合大数据能力帮助电商企业快速搭建平台、应对业务高并发、剖析秒杀、视频直播等场景。</p>
                  <p class="details">查看详情</p>
            </div>  
          </div>
  <div class="blue">
            </div>
        </li>
        <li class="tp3">
             <div class="shadow"></div>
          <div class="picuter">    
            <img src="img/26.png" alt="">
              <p class="line">一</p>
            <p class="ds">电商解决方案</p>
              <div class="skyblue">
                  <p class="combine">结合大数据能力帮助电商企业快速搭建平台、应对业务高并发、剖析秒杀、视频直播等场景。</p>
                  <p class="details">查看详情</p>
            </div>  
          </div>
  <div class="blue">
            </div>
        </li>
        <li class="tp4">
             <div class="shadow"></div>
          <div class="picuter">    
            <img src="img/26.png" alt="">
              <p class="line">一</p>
            <p class="ds">电商解决方案</p>
              <div class="skyblue">
                  <p class="combine">结合大数据能力帮助电商企业快速搭建平台、应对业务高并发、剖析秒杀、视频直播等场景。</p>
                  <p class="details">查看详情</p>
            </div>  
          </div>
  <div class="blue">
            </div>
        </li>
        <li class="tp5">
             <div class="shadow"></div>
          <div class="picuter">    
            <img src="img/26.png" alt="">
              <p class="line">一</p>
            <p class="ds">电商解决方案</p>
              <div class="skyblue">
                  <p class="combine">结合大数据能力帮助电商企业快速搭建平台、应对业务高并发、剖析秒杀、视频直播等场景。</p>
                  <p class="details">查看详情</p>
            </div>  
          </div>
  <div class="blue">
            </div>
        </li>
      </ul>
    </div>

                <!-- 海纳百川 -->

      <div id="coldmn5">
      <div class="container">
        <h1>海纳百川，精选全球的高品质软件与服务</h1>
        <a href="">开发者工具、建站、API、企业应用，支撑云端应用服务
</a>
<div id="father1">
          <ul>
            <li>
               <div class="dt">
                      <p class="son so1"></p>
               </div>        
              <h2>基础软件</h2>
                <a href="" class="aa1">
                  <span>预装PHP   | </span>
                  <span>  预装JAVA   | </span> 
                   <span>预装ASP/.NET</span>   
               </a>
              <a href="">
                  <span>预装建站系统   | </span>
                  <span>服务器软件   |  </span>
                   <span>预应用开发工具 </span>
              </a>
          </li>
          <li>
              <div class="dt">
                  <p class="son so2"></p>
              </div>
              <h2>基础软件</h2>
                <a href="" class="aa1">
                  <span>预装PHP   | </span>
                  <span>  预装JAVA   | </span> 
                   <span>预装ASP/.NET</span>   
               </a>
              <a href="">
                  <span>预装建站系统   | </span>
                  <span>服务器软件   |  </span>
                   <span>预应用开发工具 </span>
              </a>
          </li>
          <li>
              <div class="dt">
                  <p class="son so3"></p>
              </div>
              <h2>基础软件</h2>
                <a href="" class="aa1">
                  <span>预装PHP   | </span>
                  <span>  预装JAVA   | </span> 
                   <span>预装ASP/.NET</span>   
               </a>
              <a href="">
                  <span>预装建站系统   | </span>
                  <span>服务器软件   |  </span>
                   <span>预应用开发工具 </span>
              </a>
          </li>
          <li>
              <div class="dt">
                  <p class="son so4"></p>
              </div>
              <h2>基础软件</h2>
                <a href="" class="aa1">
                  <span>预装PHP   | </span>
                  <span>  预装JAVA   | </span> 
                   <span>预装ASP/.NET</span>   
               </a>
              <a href="">
                  <span>预装建站系统   | </span>
                  <span>服务器软件   |  </span>
                   <span>预应用开发工具 </span>
              </a>
          </li>
          <li>
              <div class="dt">
                  <p class="son so5"></p>
              </div>
              <h2>基础软件</h2>
                <a href="" class="aa1">
                  <span>预装PHP   | </span>
                  <span>  预装JAVA   | </span> 
                   <span>预装ASP/.NET</span>   
               </a>
              <a href="">
                  <span>预装建站系统   | </span>
                  <span>服务器软件   |  </span>
                   <span>预应用开发工具 </span>
              </a>
          </li>
          <li>
              <div class="dt">
                  <p class="son so3"></p>
              </div>
              <h2>基础软件</h2>
                <a href="" class="aa1">
                  <span>预装PHP   | </span>
                  <span>  预装JAVA   | </span> 
                   <span>预装ASP/.NET</span>   
               </a>
              <a href="">
                  <span>预装建站系统   | </span>
                  <span>服务器软件   |  </span>
                   <span>预应用开发工具 </span>
              </a>
          </li>
          
        </ul>
         </div>
      </div>
    </div>


                     <!-- 大咖云集 -->
        <div id="coldmn6">
          <div class="container">
            <h1>大咖云集，知识分享的开发者技术社区</h1>
            <a href="">实战干货、在线直播、专家问答、技术论坛，学习，成长，分享，共建</a>
            <ul>
              <li class="tpp">
                <div>
                 <p class="tp">
                 <img src="img/28.jpg" alt=""></p>
                  <p class="tp1">【合集】2018年上半年云栖大会合集资料</p>
                </div>
                <p>【干货】1000篇好文帮你揭开量子技术神秘面纱!</p>
                <p>【案例合集】阿里云场景实践研究合集</p>
              </li>
              <li class="tpp1">
              <div>
                 <p class="tp"><img src="img/29.png" alt="">  </p>
                  <p class="tp1">【合集】2018年上半年云栖大会合集资料</p>
                </div>
                <p>【干货】1000篇好文帮你揭开量子技术神秘面纱!</p>
                <p>【案例合集】阿里云场景实践研究合集</p></li>
              <li class="tpp2"> <div>
                 <p class="tp"><img src="img/30.png" alt=""> </p>
                  <p class="tp1">【合集】2018年上半年云栖大会合集资料</p>
                </div>
                <p>【干货】1000篇好文帮你揭开量子技术神秘面纱!</p>
                <p>【案例合集】阿里云场景实践研究合集</p></li>
            </ul>
          </div>
        </div>

         <!-- 防御了1,090,925,455次攻击 -->

 <div id="coldmn7">
   <div class="container">
     <a>阿里云，今天为全国40%的网站防御了1,090,925,455次攻击</a>
   </div>
 </div>


                   <!-- 遍布全球 -->

 <div id="banner">
   <div class="container">
     <h1>遍布全球，持续扩张的数据中心让跨域体验更流畅</h1>
     <a href="">无论是硅谷核心区，还是迪拜贸易枢纽区，全球无缝覆盖，提供CN2高速网络，BGP接入支持
</a>
    <div class="world" style="position:relative">
     <img src="img/31.png" alt="">
 <div class="point" style="
    position:absolute;
    top:50px;
    left:150px;
    width: 100px;
    height: 100px;
    visibility: visible;
    opacity: 1;
   ">
    <p style="
    position: absolute;
    top: 40px;
    left: 60px;

    ">中国</p>
     <a href=""
     style="
      position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00cdec;
        left:50%;
        top:50px;
        margin-left: -5px;
        margin-top: -5px;
     "
     ></a>
       <div class="point1"
       style="
      width:0px;
      height0px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:49.5px;
      top:49.5px;
       "></div>
       <div class="point1"
         style="
      width:40px;
      height:40px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:30px;
      top:30px;"></div>
       <div class="point1"
         style="
      width:20px;
      height:20px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:40px;
      top:40px;"></div>
</div>
<div class="point" style="
    position:absolute;
    top:300px;
    left:550px;
    width: 100px;
    height: 100px;
    visibility: visible;
    opacity: 1;
   ">
    <p style="
    position: absolute;
    top: 40px;
    left: 60px;

    ">美国</p>
     <a href=""
     style="
      position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00cdec;
        left:50%;
        top:50px;
        margin-left: -5px;
        margin-top: -5px;
     "
     ></a>
       <div class="point1"
       style="
      width:0px;
      height0px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:49.5px;
      top:49.5px;
       "></div>
       <div class="point1"
         style="
      width:40px;
      height:40px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:30px;
      top:30px;"></div>
       <div class="point1"
         style="
      width:20px;
      height:20px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:40px;
      top:40px;"></div>
</div>
<div class="point" style="
    position:absolute;
    top:250px;
    left:350px;
    width: 100px;
    height: 100px;
    visibility: visible;
    opacity: 1;
   ">
    <p style="
    position: absolute;
    top: 40px;
    left: 60px;

    ">小镇家</p>
     <a href=""
     style="
      position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00cdec;
        left:50%;
        top:50px;
        margin-left: -5px;
        margin-top: -5px;
     "
     ></a>
       <div class="point1"
       style="
      width:0px;
      height0px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:49.5px;
      top:49.5px;
       "></div>
       <div class="point1"
         style="
      width:40px;
      height:40px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:30px;
      top:30px;"></div>
       <div class="point1"
         style="
      width:20px;
      height:20px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:40px;
      top:40px;"></div>
</div>
<div class="point" style="
    position:absolute;
    top:250px;
    right:250px;
    width: 100px;
    height: 100px;
    visibility: visible;
    opacity: 1;
   ">
    <p style="
    position: absolute;
    top: 40px;
    left: 60px;

    ">埃及</p>
     <a href=""
     style="
      position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00cdec;
        left:50%;
        top:50px;
        margin-left: -5px;
        margin-top: -5px;
     "
     ></a>
       <div class="point1"
       style="
      width:0px;
      height0px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:49.5px;
      top:49.5px;
       "></div>
       <div class="point1"
         style="
      width:40px;
      height:40px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:30px;
      top:30px;"></div>
       <div class="point1"
         style="
      width:20px;
      height:20px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:40px;
      top:40px;"></div>
</div>
<div class="point" style="
    position:absolute;
    top:150px;
    right:450px;
    width: 100px;
    height: 100px;
    visibility: visible;
    opacity: 1;
   ">
    <p style="
    position: absolute;
    top: 40px;
    left: 60px;

    ">华北</p>
     <a href=""
     style="
      position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00cdec;
        left:50%;
        top:50px;
        margin-left: -5px;
        margin-top: -5px;
     "
     ></a>
       <div class="point1"
       style="
      width:0px;
      height0px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:49.5px;
      top:49.5px;
       "></div>
       <div class="point1"
         style="
      width:40px;
      height:40px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:30px;
      top:30px;"></div>
       <div class="point1"
         style="
      width:20px;
      height:20px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:40px;
      top:40px;"></div>
</div>
<div class="point" style="
    position:absolute;
    top:90px;
    left:640px;
    width: 100px;
    height: 100px;
    visibility: visible;
    opacity: 1;
   ">
    <p style="
    position: absolute;
    top: 40px;
    left: 60px;

    ">华东</p>
     <a href=""
     style="
      position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #00cdec;
        left:50%;
        top:50px;
        margin-left: -5px;
        margin-top: -5px;
     "
     ></a>
       <div class="point1"
       style="
      width:0px;
      height0px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:49.5px;
      top:49.5px;
       "></div>
       <div class="point1"
         style="
      width:40px;
      height:40px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:30px;
      top:30px;"></div>
       <div class="point1"
         style="
      width:20px;
      height:20px;
      border:1px solid #00cdec;
      position:absolute;
      border-radius:50%;
      left:40px;
      top:40px;"></div>
</div>
</div>


     <ul>
       <li class="rz">
         <img src="img/32.png" alt="">
         <p>全球首张云安全国际认证</p>
       </li>
       <li>
          <img src="img/33.png" alt="">
         <p>全球首张云安全国际认证</p>
       </li>
       <li>
           <img src="img/34.png" alt="">
         <p>全球首张云安全国际认证</p>
         
       </li>
       <li>
           <img src="img/35.png" alt="">
         <p>全球首张云安全国际认证</p>
       </li>
     </ul>
   </div>
 </div>


                      <!-- 携手共赢 -->

 <div id="banner1">
   <div class="container">
     <h1>携手共赢，与全球合作伙伴共建云端生态</h1>
     <a href="">加入阿里云生态合作伙伴计划，开创新业务，获取技术、资源，实现更快速成长
</a>
     <ul>
       <li><img src="img/36.png" alt=""></li>
       <li><img src="img/37.png" alt=""></li>
       <li><img src="img/38.png" alt=""></li>
       <li><img src="img/39.png" alt=""></li>
       <li><img src="img/40.png" alt=""></li>
     </ul>
   </div>
 </div>

      <!-- 云产品免费使用，为您提供0门槛上云实践机会 -->

 <div id="banner2">
   <div class="container">
     <h1>40+ 云产品免费使用，为您提供0门槛上云实践机会</h1>
     <a href="">立即注册</a>
   </div>
 </div>



          <!-- 售前咨询热线 -->

   <div id="bottom">
     <div class="container">
       <div class="top">
         <ul class="op1">
         <li class="opp1">
           <img src="img/41.png" alt="">
            </li>
            <li class="opp2">
           <p class="tp1">售前咨询热线</p>
           <p class="tp2">95187转1</p>
           <a href="">专业技术咨询</a>
           <a href="">全方位产品解读</a>
           <a href="">成熟解决方案</a>
           <a href="">成功客户案例分享</a>
           </li>

         </ul>
         <ul class="op2">
           <li><h3>支持与服务</h3></li>
           <li><a href="">联系我们</a></li>
           <li><a href="">支持计划</a></li>
           <li><a href="">新手学堂</a></li>
           <li><a href="">自助工具</a></li>
           <li><a href="">咨询与设计</a></li>
           <li><a href="">实施与搭建</a></li>
           <li><a href="">运维与管理</a></li>
           <li><a href="">优化与提升</a></li>
           <li><a href="">公告</a></li>
           <li><a href="">提交建议</a></li>
         </ul>
         <ul class="op3">
             <li><h3>支持与服务</h3></li>
           <li><a href="">联系我们</a></li>
           <li><a href="">支持计划</a></li>
           <li><a href="">新手学堂</a></li>
           <li><a href="">自助工具</a></li>
           <li><a href="">咨询与设计</a></li>
           <li><a href="">实施与搭建</a></li>
           <li><a href="">运维与管理</a></li>
           <li><a href="">优化与提升</a></li>
           <li><a href="">公告</a></li>
           <li><a href="">提交建议</a></li>
         </ul>
         <ul class="op4">
             <li><h3>支持与服务</h3></li>
           <li><a href="">联系我们</a></li>
           <li><a href="">支持计划</a></li>
           <li><a href="">新手学堂</a></li>
           <li><a href="">自助工具</a></li>
           <li><a href="">咨询与设计</a></li>
           <li><a href="">实施与搭建</a></li>
           <li><a href="">运维与管理</a></li>
           <li><a href="">优化与提升</a></li>
           <li><a href="">公告</a></li>
           <li><a href="">提交建议</a></li>
         </ul>
         <ul class="op5">
             <li><h3>支持与服务</h3></li>
           <li><a href="">联系我们</a></li>
           <li><a href="">支持计划</a></li>
           <li><a href="">新手学堂</a></li>
           <li><a href="">自助工具</a></li>
           <li><a href="">咨询与设计</a></li>
           <li><a href="">实施与搭建</a></li>
           <li><a href="">运维与管理</a></li>
           <li><a href="">优化与提升</a></li>
           <li><a href="">公告</a></li>
           <li><a href="">提交建议</a></li>
         </ul>
         <ul class="op6">
             <li><h3>支持与服务</h3></li>
           <li><a href="">联系我们
           <img src="img/42.png" alt=""></a></li>
           <li><a href="">支持计划
           <img src="img/42.png" alt=""></a></li>
          
           <li><a href="">实施与搭建
           <img src="img/42.png" alt=""></a></li>
           <li><a href="">运维与管理
           <img src="img/42.png" alt=""></a></li>
           <li><a href="">优化与提升
           <img src="img/42.png" alt=""></a></li>
           <li><a href="">公告
           <img src="img/42.png" alt=""></a> </li>
           <li><a href="">提交建议<img src="img/42.png" alt=""></a>
           </li>
         </ul>
       </div>
       <div class="center">
         <ul>
           <li><h3>热门产品</h3></li>
           <li><a href="">免费套餐</a></li>
           <li><a href="">云数据库</a></li>
           <li><a href="">RDS云存储</a></li>
           <li><a href="">OSSNAT网关</a></li>
           <li><a href="">负载均衡</a></li>
           <li><a href="">域名注册</a></li>
           <li><a href="">网站建设</a></li>
           <li><a href="">大数据</a></li>
           <li><a href="">云计算</a></li>
         </ul>
       <ul>
          <li><h3>热门产品</h3></li>
           <li><a href="">免费套餐</a></li>
           <li><a href="">云数据库</a></li>
           <li><a href="">RDS云存储</a></li>
           <li><a href="">OSSNAT网关</a></li>
           <li><a href="">负载均衡</a></li>
           <li><a href="">域名注册</a></li>
           <li><a href="">网站建设</a></li>
           <li><a href="">大数据</a></li>
           <li><a href="">云计算</a></li>
       </ul>
       <ul>
          <li><h3>热门产品</h3></li>
           <li><a href="">免费套餐</a></li>
           <li><a href="">云数据库</a></li>
           <li><a href="">RDS云存储</a></li>
           <li><a href="">OSSNAT网关</a></li>
           <li><a href="">负载均衡</a></li>
           <li><a href="">域名注册</a></li>
           <li><a href="">网站建设</a></li>
           <li><a href="">大数据</a></li>
           <li><a href="">云计算</a></li>
       </ul>
       </div>
      <div class="last">
         <ul class="bo1">
           <li><a href="">关于我们</a></li>
           <li><a href="">法律声明及隐私权政策</a></li>
           <li><a href="">廉正举报</a></li>
           <li><a href="">联系我们</a></li>
           <li><a href=""> 加入阿里云</a></li>
         </ul>
         <ul class="bo2">
           <li><a href="">阿里巴巴集团</a></li>
           <li><a href="">淘宝网</a></li>
           <li><a href="">天猫</a></li>
           <li><a href="">聚划算</a></li>
           <li><a href="">全球速卖通</a></li>
           <li><a href="">阿里巴巴国际交易市场</a></li>
           <li><a href="">1688</a></li>
           <li><a href="">阿里妈妈</a></li>
           <li><a href="">阿里云计算</a></li>
           <li><a href="">飞猪 </a></li>
           <li><a href="">AliOS</a></li>
           <li><a href="">阿里通信</a></li>
           <li><a href="">万网</a></li>
           <li><a href="">高德</a></li>
           <li><a href="">UC</a></li>
           <li><a href="">友盟</a></li>
           <li><a href="">虾米</a></li>
           <li><a href="">阿里星球</a></li>
           <li><a href="">钉钉</a></li>
           <li><a href="">支付宝</a></li>
         </ul>  
         <p>© 2009-2018 Aliyun.com 版权所有 ICP证：浙B2-20080101</p>
         <p>
         <img src="img/03.gif" alt="">
         <img src="img/04.gif" alt="">
         浙公网安备 33010002000099号
         </p>
       </div>
     </div>
   </div>


           <!-- 固定框 -->
            
   <div id="fixed">
       <img src="img/43.png" alt="">
       <p>咨询•建议</p>
   </div>
   <div id="fixed2">
   <a href="">
       <img src="img/11.png" alt="">
       </a>
   </div>
   <script src="../public.js"></script>
   <script src="阿里云.js"></script>
</body>
</html>